const path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  chainWebpack (config) {
    config.resolve.alias.set('@', resolve('src'))
    config.module
      .rule('vue')
      .use('vue-loader')
      .tap(options => {
        // 修改它的选项...
        return options
      })
    config.module
      .rule('svg')
      .exclude.add(resolve('@/assets/icons/svg'))
      .end()
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('@/assets/icons/svg'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      })
      .end()
  },
  devServer: {
    // port: 80, // 设置端口号
    // host: '10.32.120.69', // ip 本地
    // disableHostCheck: true, //是否关闭用于 DNS 重绑定的 HTTP 请求的 HOST 检查
    // hotOnly: false, // 热更新
    // https: false, // https:{type:Boolean}配置前缀
    // open: false, //配置自动启动浏览器
    // 跨域
    proxy: {
      // 只要axios请求中带有/api的url,就会触发代理机制
      '/api': {
        // 目标路径：target(我们要代理请求的地址)
        target: 'http://192.168.1.114',
        // 允许跨域
        changOrigin: true,
        // 重写路径 api代替了目标路径
        pathRewrite: {
          '^/api': ''
        }
      },
    },
  },
}